<template>
	<view class="m-btn">
	</view>
</template>

<script>
	export default {
		name:"m-btn",
		props: ['show','imgUrl'],
		data() {
			return {
				style: {
					display: "flex",
					alignItems: "center",
					justifyContent: "center",
					height: "100%",
				},
			}
		},
		methods: {
			closePopup(){
				this.$emit('closePopup')
			},
		}
	}
</script>

<style lang="scss">
	.u-popup{
		width: 70%;
		background:#fff;
		border-radius:10px;
		position: relative;
		overflow: hidden;

	}
	image{
		display:block
	}
	.u-title{
		padding: 10px;
		font-size: 32rpx;
		text-align: center;
		border-bottom: 1px solid #eee;
	}
	.u-content{
		margin: 0!important;
		padding: 0!important;
	}
	.btns{
		text-align: center;
		padding: 15px 0;
		.btn{
			padding: 6px 0;
			display: inline-block;
			margin: 0 auto;
			width: 100px;
			color: #fff;
			background: linear-gradient(90deg, #fea001 , #ff5e00);;
		}
	}
	.close{
		margin-top: 20px;
		z-index: 3;
		opacity: .3;
	}
	
</style>
